/*
 * @Author: 
 * @Date: 2022-01-17 15:45:46
 * @LastEditors: lqj
 * @LastEditTime: 2022-01-17 16:29:20
 * @Description: 请填写简介
 */
import React, { Fragment, createElement, Component } from 'react'

class Header extends Component {
  render () {
    return (
      <Fragment>
        <div>1</div>
      </Fragment>
    )
  }
}
class Footer extends Component {
  render () {
    return (
      <Fragment>
        <div>Footer</div>
      </Fragment>
    )
  }
}

class Content extends React.Component {
  render () {
    return (
      createElement(
        "div",
        {
          className: 'center',
          id: 'centerId'
        },
        React.createElement(
          "h1",
          {
            className: 'text',
          },
          "test"
        ),
        React.createElement(
          "p",
          null,
          "react.js"
        ),
        React.createElement(
          Footer
        )
      )
    )
  }
}

export default class App extends React.Component {
  render () {
    return (
      <>
        <Header></Header>
        <Content></Content>
      </>
    )
  }
}